<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <!-- 5.设置下拉框中的默认随机选中项，自己书写结构和js。 -->

    <input type="button" value="选择" id="btn">
    <select id="lists" >
        <option >语文</option>
        <option >数学</option>
        <option >英语</option>
        <option >物理</option>
        <option >化学</option>
        <option >生物</option>
    </select>
    <script src="js/common.js"></script>
    <script>
        
        //获取元素
        var btn = my$("btn");
        var lists = my$("lists");
        var opts = lists.getElementsByTagName("option");
        // 点击选择按钮，随机一个选项被选中
        btn.onclick = function(){   
        // 点击选择按钮，随机输出一个数值（0-1）*5 = 0-5
            var n = (Math.floor(Math.random( )* opts.length));
        // 随机输出一个数值
            console.log(n);
        // 第此数值的option的被选择属性的属性值为 是 的时就被选中显示
           opts[n].selected = true;
        }
    </script>

</body>

</html>